<template>
    <div class="crumb">
        <span v-for="item,index in nav" :key="index">
            {{item.name}}
            <b v-show="index!=nav.length-1? true : false">/</b>
        </span>
    </div>
</template>

<script>
export default {
    props:["nav"],
    data () {
        return {


        }
    }
}
</script>

<style lang = "less" scoped>
    .crumb{
        color: #999;
        span:nth-last-child(1){
            color: #000;
        }
        b{
            margin: 0 8px;
        }
        margin: 15px 0;
    }
</style>
